<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>兑奖记录</title>
    <meta name="viewport" content="initial-scale=1,maximum-scale=1, minimum-scale=1">
    <script type="text/javascript">
        document.documentElement.style.fontSize = document.documentElement.clientWidth / 750*100 + 'px';
    </script>
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/header.css">
    <link rel="stylesheet" href="../css/record.css">
</head>
<body>
<div id="wrap">
    <header>
        <div class="head">
            <a href=""><i class="iconfont" style="margin-right:0.18rem;">&#xe636;</i><span>兑换记录</span></a>
        </div>
    </header>
    <section>
        <div class="listTitle">
            <div>
                <p>60</p>
                <span>本月兑换次数</span>
            </div>
            <div>
                <p>60</p>
                <span>上月兑换次数</span>
            </div>
            <div>
                <p>120</p>
                <span>累计兑换次数</span>
            </div>
        </div>
        <div style="height:0.2rem;background:#f7f7f7;"></div>
        <ul class="list">
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>甜橙固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>左旋肉碱固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>甜橙固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>植物酵素固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>植物酵素固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>甜橙固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>左旋肉碱固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
            <li>
                <div class="photo">
                    <img src="../imgs/photo1.jpg" alt="">
                </div>
                <div class="text">
                    <p>甜橙固体饮料</p>
                    <span>2018-10-20 12:00</span>
                </div>
            </li>
        </ul>
    </section>
</div>
</body>
</html>